<html>
    <head>
        <script language="JavaScript" type="text/javascript" src="ajax.js"></script>
        <script language="JavaScript" type="text/javascript">
        function makeactive(tab)
        {
         document.getElementById("tab1").className = "";
         document.getElementById("tab2").className = "";
         document.getElementById("tab3").className = "";
         document.getElementById("tab4").className = "";
         document.getElementById("tab"+tab).className = "active";
         callAjax('content_admin.php?content= '+tab+'&cache='+Math.random(), 'content', 'Content wordt geladen voor '+tab+'. Even geduld...', 'Error');
        }
        function savegroup(groupname)
        {
            alert(groupname);
            callAjaxWithout('ajax_add_group.php?group='+groupname+'&cache='+Math.random(), 'content', '', 'Error');
        }
        </script>
        <link rel="stylesheet" type="text/css" href="tab_users.css" />

    </head>
    <body onload="makeactive(1)">

<ul id="tabmenu">
<li onclick="makeactive(1)"><a class="" id="tab1">Overzicht gebruikers</a></li>
<li onclick="makeactive(2)"><a class="" id="tab2">Nieuwe gebruikers</a></li>
<li onclick="makeactive(3)"><a class="" id="tab3">Overzicht groepen</a></li>
<li onclick="makeactive(4)"><a class="" id="tab4">Nieuwe groep</a></li>
</ul>
<div style="" id="content2">
    <div style="float:left;width:500px;" id="content"></div>
    <div style="float:left;padding: 20px;" id="right"></div>
</div>

</body>
</html>